<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link href="css/index.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/slider.js"></script>
		<script src="js/YuxiSlider.jQuery.min.js"></script>
		<!--[if lt IE 9]-->
		<script src="js/html5.js"></script>
		<!--[endif]-->
		<title></title>
	</head>

	<body>
		<header>
			<div class="headerWarp">
				<section class="header_sec clr"><span><a href="#">加入收藏</a> | <a href="#">联系我们</a></span></section>
				<img src="img/header.jpg" />
				<nav class="nav">
					<ul>
						<li>
							<a href="#">首 页</a>
						</li>
						<li>
							<a href="#">中心概况</a>
						</li>
						<li>
							<a href="#">中心动态</a>
						</li>
						<li>
							<a href="#">应用研究与服务</a>
						</li>
						<li>
							<a href="#">科研成果</a>
						</li>
						<li>
							<a href="#">产品展示</a>
							<ul class="erji_ul">
								<li class="erji">
									<a href="#">小试产品</a>
								</li>
								<li class="erji">
									<a href="#">中试产品</a>
								</li>
								<li class="erji">
									<a href="#">产业化产品</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">科普知识</a>
						</li>
						<li>
							<a href="#">联系我们</a>
						</li>
					</ul>
				</nav>
			</div>
		</header>
		<div class="poster">
			<a class="control prev"></a>
			<a class="control next abs"></a>
			<!--自定义按钮，移动端可不写-->
			<div class="slider">
				<!--主体结构，请用此类名调用插件，此类名可自定义-->

				<ul>
					<li><img src="img/p1.jpg" title="这是1111"/></li>
					<li><img src="img/p2.jpg" /></li>
					<li><img src="img/p3.jpg" /></li>
					<li><img src="img/p4.jpg" /></li>
					<li><img src="img/p6.jpg" /></li>
				</ul>
			</div>
		</div>

		<script>
			$(".slider").YuxiSlider({
				width: 1000, //容器宽度
				height: 400, //容器高度
				control: $('.control'), //绑定控制按钮
				during: 4000, //间隔4秒自动滑动
				speed: 800, //移动速度0.8秒
				mousewheel: true, //是否开启鼠标滚轮控制
				direkey: true //是否开启左右箭头方向控制
			});
		</script>
		<div class="news_notice">
			<div class="news_notice_news">
				<div class="news_title_pic_data">
					<img src="img/news_pic1.jpg" />
					<span class="title">燃料电池技术收益能源环保</span>
					<span class="date">2016-10-26</span>
				</div>
				<div class="news_notice_abstruct">
					<p>&nbsp;&nbsp;这是新闻概要这是新闻概要这是新闻概要这是新闻概要</p>
					<p>&nbsp;&nbsp;这是新闻概要这是新闻概要这是新闻概要这是新闻概要</p>
					<p>&nbsp;&nbsp;这是新闻概要这是新闻概要这是新闻概要这是新闻概要</p>
					<p>&nbsp;&nbsp;这是新闻概要这是新闻概要这是新闻概要</p>
				</div>
			</div>
			<div class="news_notice_news">
				<div class="news_title_pic_data">
					<img src="img/news_pic1.jpg" />
					<span class="title">燃料电池技术收益能源环保</span>
					<span class="date">2016-10-26</span>
				</div>
				<div class="news_notice_abstruct">
					<p>&nbsp;&nbsp;这是新闻概要这是新闻概要这是新闻概要这是新闻概</p>
					<p>&nbsp;&nbsp;这是新闻概要这是新闻概要这是新闻概要这是新闻概</p>
					<p>&nbsp;&nbsp;这是新闻概要这是新闻概要这是新闻概要这是</p>

				</div>
				<a href="#">更多》</a>
			</div>
			<div class="news_notice_notice">
				<ul>
					<li><span class="span_date"><span class="span_date_year">2016</span><span class="span_date_mouth">07-29</span></span>
						<a href="#">无需高温就能制作石墨烯的新方法</a>
					</li>
					<li><span class="span_date"><span class="span_date_year">2016</span><span class="span_date_mouth">07-29</span></span>
						<a href="#">无需高温就能制作石墨烯的新方法</a>
					</li>
					<li><span class="span_date"><span class="span_date_year">2016</span><span class="span_date_mouth">07-29</span></span>
						<a href="#">无需高温就能制作石墨烯的新方法</a>
					</li>
					<li><span class="span_date"><span class="span_date_year">2016</span><span class="span_date_mouth">07-29</span></span>
						<a href="#">无需高温就能制作石墨烯的新方法</a>
					</li>
					<li><span class="span_date"><span class="span_date_year">2016</span><span class="span_date_mouth">07-29</span></span>
						<a href="#">无需高温就能制作石墨烯的新方法</a>
					</li>
				</ul>
				<a href="#" class="news_notice_notice_more">更多》</a>
			</div>
		</div>
		<div class="keyanchengguo">
			<div class="keyanchengguo_deco">
				<span class="keyanchengguo_span">科研成果</span>
				<div class="keyanchengguo_line"></div>
			</div>
			<div class="apparatus">
				<div class="hd">
					<a class="prev" href="javascript:void(0)"><img src="img/left.jpg" /></a>
					<a class="next" href="javascript:void(0)"><img src="img/right.jpg" /></a>
				</div>
				<div class="bd">
					<ul class="picList">
						<li>
							<div class="pic">
								<a href="#"><img src="img/img2.jpg" /></a>
							</div>
							<p>
								<a href="#">KYKY-3900钨灯丝扫描电子显微镜</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="#"><img src="img/img2.jpg" /></a>
							</div>
							<p>
								<a href="#">KYKY-3900钨灯丝扫描电子显微镜</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="#"><img src="img/img2.jpg" /></a>
							</div>
							<p>
								<a href="#">KYKY-3900钨灯丝扫描电子显微镜</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="#"><img src="img/img2.jpg" /></a>
							</div>
							<p>
								<a href="#">KYKY-3900钨灯丝扫描电子显微镜</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="#"><img src="img/img2.jpg" /></a>
							</div>
							<p>
								<a href="#">KYKY-3900钨灯丝扫描电子显微镜</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="#"><img src="img/img2.jpg" /></a>
							</div>
							<p>
								<a href="#">KYKY-3900钨灯丝扫描电子显微镜</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="#"><img src="img/img2.jpg" /></a>
							</div>
							<p>
								<a href="#">KYKY-3900钨灯丝扫描电子显微镜</a>
							</p>
						</li>
					</ul>
				</div>
			</div>
			<script type="text/javascript">
				jQuery(".apparatus").slide({
					titCell: ".hd ul",
					mainCell: ".bd ul",
					autoPage: true,
					effect: "left",
					autoPlay: true,
					vis: 5,
					trigger: "click"
				});
			</script>
		</div>
		<div class="friendly_link_background">
			</div>
		<div class="friendly_link_block">
			
			<div class="friendly_link_and_call">
				<div class="friendly_link">
					<div class="friendly_link_height">
						<h2>友情链接</h2>
						<br />
						<a href="#">国家工程技术研究中心信息网</a>
						<a href="#">中华人民共和国教育部</a>
						<a href="#">中华人民共和国科学技术部</a>
						<a href="#">江西省科学技术厅</a>
						<a href="#">景德镇陶瓷大学</a>
						<a href="#">国家陶瓷产品质量监督检测中心（江西）</a>
					</div>
				</div>
				<div class="call_us">
					<h2>联系我们</h2>
					<br />
					<p>地址（Address）：中国江西省景德镇市陶阳南路景德镇陶瓷大学内</p>
					<p>邮编（P.C.）：333001</p>
					<p>联系电话（Tell）：（+86）798-8499328</p>
					<p>传真（Fax）：（+86）798-8499328</p>
					<p>邮箱（E-mail）：GCGCZX@126.com</p>
				</div>
			</div>
		</div>
		<footer style="height: 80px;background-image: url(img/bg3.jpg);text-align: center;color: #FFF;vertical-align: middle;">
			<p>版权所有: &nbsp;&nbsp;国家日用及建筑陶瓷工程技术研究中心<br /> ICP备案号: &nbsp;&nbsp;赣ICP备10006748号赣景备2-4-3-2002185</p>
		</footer>
	</body>

</html>